<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./fonts/图标图标/iconfont.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="top container">
            <ul class="top-left">
                <li>中国大陆 </li>
                <li class="on_off" >
                    <span class="off active">亲,<a href="./login.html">请登录</a></span>
                    <span class="on">ykx</span>

                </li>
                <li style="margin-left: 70px;" class="regi"><a href="./register.html">免费注册</a></li>
                <li>手机逛淘宝</li>
            </ul>
            <ul class="top-right">
                <li>我的淘宝</li>
                <li><span class="iconfont icon-gouwuche"></span><a href="./cart.html">购物车</a></li>
                <li><span class="iconfont icon-shoucang2" style="color:#ccc"></span>收藏夹</li>
                <li>商品分类</li>
                <li>免费开店</li>
                <li>千牛卖家中心</li>
                <li>联系客服</li>
                <li class="web-nav">
                    <span class="iconfont icon-gengduo-2"></span>网站导航<span class="iconfont icon-xiala" style="color:#ccc;"></span>
                    <div class="nav container">
                        <div>
                            <p>特色市场</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包宝宝</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        <div>
                            <p style="color: pink;">主体市场</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        <div>
                            <p style="color: skyblue;">精彩推荐</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        <div>
                            <p style="color: purple;">阿里APP</p>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                <li>包</li>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                                <li>鞋子</li>
                                
                            </ul>
                            <ul>
                                <li>女装</li>
                                <li>手机</li>
                                <li>男装</li>
                               
                            </ul>
                        </div>
                        
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!-- 店铺信息 -->
    <div class="shop container">
        <p class="TM"><img src="./img/TMT.jpeg" alt=""></p>
        <div class="shopInfo">
            <p>空城计旗舰店</p>
            <p>品牌直销</p>
        </div>
    </div>
    <hr>
    <!-- 店铺图片 -->
    <div class="pic container">
        <p><img src="./img/VICU.jpg" alt=""></p>
    </div>
    <!-- 商品信息 -->
    <div class="info container">
        
    </div>

    <!-- 底部 -->
    <div class="footer container">

    </div>




    <script src="./js/polyfill.js"></script>
    <script src="./vendor/utils.js"></script>
    <script src="./js/detail.js"></script>

    <script src="./js/enlarge.js"></script>

    <script>
       new Enlarger("#enlar");
    </script>
</body>
</html>